<template>
  <div>
    <!-- 标题  路由 -->
    <div>
      <NavBar :title="title" :route="route"></NavBar>
    </div>
    <!-- 考试通知内容 -->
    <div class="content">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一、这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。
      二、这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。这里是考试须知的富文本。</p>
    </div>

    <div class="EnterButton">
        <van-button type="info" @click="ConfirmReading">我已阅读并确认</van-button>
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navBar.vue'
export default {
  methods:{
    ConfirmReading(){
      this.$router.push({path:'/MiddleSchool'})
    }
  },
  components:{
    NavBar,
  },
    data(){
    return{
      // 标题  路由
      title:'考试须知',
      route:'/examination',
    }

  },
}
</script>

<style scoped>
.content{
 margin-right: 15px;
  margin-left: 15px;
	height: 459px;
	left: 15px;
	top: 113px;
	color: rgba(80, 80, 80, 1);
	font-size: 14px;
	line-height: 150%;
	text-align: left;
}
.EnterButton{
	height: 44px;
	left: 15px;
	top: 573px;
	color: rgba(255, 255, 255, 1);
	border-radius: 4px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
.EnterButton .van-button{
  width: 80%;
}
</style>
